import { ref, Ref } from 'vue';
import { queryList as queryListData, viewingToolList as viewingToolsData } from '@/utils/commonList';

export default function useQueryToolItem() {

    const queryList = ref([...queryListData]);
    const queryVisibile = ref(true);
    const queryToolRef = ref();

    const viewingToolList = ref([...viewingToolsData]);

    const handleQueryClick = (visibile: boolean) => {
        queryVisibile.value = !visibile;
    };

    return {
        queryList,
        queryVisibile,
        queryToolRef,
        handleQueryClick,
        viewingToolList
    }
}